<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Software Process Group, SI, NJU</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/index.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!-- START PAGE SOURCE -->
        <div class="main">
            <div class="header">
                <div class="header_resize">
                    <div class="logo">
                        <h1><a href="index.html">Software Process <span>Group</span>
                                <small>
                                    Software Institute, Nanjing University, P.R.China
                                </small>
                            </a></h1>
                    </div>
                    <div class="menu_nav">
                        <ul>
                            <li class="active">
                                <a href="index.html">Home</a>
                            </li>
                            <li>
                                <a href="news.html">News & Events</a>
                            </li>
                            <li>
                                <a href="project.html">Projects</a>
                            </li>
                            <li>
                                <a href="publication.html">Publications</a>
                            </li>
                            <li>
                                <a href="Personnel.html">Personnel</a>
                            </li>
                            <li>
                                <a href="talk.html">Talks</a>
                            </li>
                            <li>
                                <a href="resource.html">Resource</a>
                            </li>
                        </ul>
                    </div>
                    <div class="clr">
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="content_resize">
                    <div class="mainbar">
                        <div class="article">
                            <h2><span>A Blog</span> Entry</h2>
                            <div class="clr">
                            </div>
                            <p>
                                Posted by <a href="#">Owner</a>
                                <span>&nbsp;&bull;&nbsp;</span>
                                Filed under <a href="#">templates</a>, <a href="#">internet</a>
                            </p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. 
                            </p>
                            <p>
                                Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a href="#">turpis</a>
                            </p>
                            <p>
                                <a href="#"><strong>Comments (3)</strong></a>
                                <span>&nbsp;&bull;&nbsp;</span>
                                May 27, 2010 <span>&nbsp;&bull;&nbsp;</span>
                                <a href="#"><strong>Edit</strong></a>
                            </p>
                        </div>
                        <div class="article">
                            <h2><span>3</span> Responses</h2>
                            <div class="clr">
                            </div>
                            <div class="comment">
                                <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="" class="userpic" /></a>
                                <p>
                                    <a href="#">admin</a>
                                    Says:
                                    <br/>
                                    April 20th, 2009 at 2:17 pm
                                </p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
                                </p>
                            </div>
                            <div class="comment">
                                <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="" class="userpic" /></a>
                                <p>
                                    <a href="#">Owner</a>
                                    Says:
                                    <br/>
                                    April 20th, 2009 at 3:21 pm
                                </p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.
                                </p>
                            </div>
                            <div class="comment">
                                <a href="#"><img src="images/userpic.gif" width="40" height="40" alt="" class="userpic" /></a>
                                <p>
                                    <a href="#">admin</a>
                                    Says:
                                    <br/>
                                    April 20th, 2009 at 2:17 pm
                                </p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
                                </p>
                            </div>
                        </div>
                        <div class="article">
                            <h2><span>Leave a</span> Reply</h2>
                            <div class="clr">
                            </div>
                            <form action="#" method="post" id="leavereply">
                                <ol>
                                    <li>
                                        <label for="name">
                                            Name (required)
                                        </label>
                                        <input id="name" name="name" class="text" />
                                    </li>
                                    <li>
                                        <label for="email">
                                            Email Address (required)
                                        </label>
                                        <input id="email" name="email" class="text" />
                                    </li>
                                    <li>
                                        <label for="website">
                                            Website
                                        </label>
                                        <input id="website" name="website" class="text" />
                                    </li>
                                    <li>
                                        <label for="message">
                                            Your Message
                                        </label>
                                        <textarea id="message" name="message" rows="8" cols="50">
                                        </textarea>
                                    </li>
                                    <li>
                                        <input type="image" name="imageField" id="imageField" src="images/submit.gif" class="send" />
                                        <div class="clr">
                                        </div>
                                    </li>
                                </ol>
                            </form>
                        </div>
                    </div>
                    <div class="sidebar">
                      <!--  <div class="searchform">
                            <form id="formsearch" name="formsearch" method="post" action="#">
                                <span><input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" /></span><input name="button_search" src="images/search_btn.gif" class="button_search" type="image" />
                            </form>
                        </div> -->
                        <div class="gadget">
                            <h2 class="star"><span>Sidebar</span> Menu</h2>
                            <div class="clr">
                            </div>
                            <ul class="sb_menu">
                                <li>
                                    <a href="#">Home</a>
                                </li>
                                <li>
                                    <a href="#">TemplateInfo</a>
                                </li>
                                <li>
                                    <a href="#">Style Demo</a>
                                </li>
                                <li>
                                    <a href="#">Blog</a>
                                </li>
                                <li>
                                    <a href="#">Archives</a>
                                </li>
                            </ul>
                        </div>
                        <div class="gadget">
                            <h2 class="star"><span>Sponsors</span></h2>
                            <div class="clr">
                            </div>
                            <ul class="ex_menu">
                                <li>
                                    <a href="#">Lorem ipsum dolor</a>
                                    <br/>
                                    Donec libero. Suspendisse bibendum
                                </li>
                                <li>
                                    <a href="#">Dui pede condimentum</a>
                                    <br/>
                                    Phasellus suscipit, leo a pharetra
                                </li>
                                <li>
                                    <a href="#">Condimentum lorem</a>
                                    <br/>
                                    Tellus eleifend magna eget
                                </li>
                                <li>
                                    <a href="#">Fringilla velit magna</a>
                                    <br/>
                                    Curabitur vel urna in tristique
                                </li>
                                <li>
                                    <a href="#">Suspendisse bibendum</a>
                                    <br/>
                                    Cras id urna orbi tincidunt orci ac
                                </li>
                                <li>
                                    <a href="#">Donec mattis</a>
                                    <br/>
                                    purus nec placerat bibendum
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="clr">
                    </div>
                </div>
            </div>
            <div class="fbg">
                <div class="fbg_resize">
                    <div class="col c1">
                        <h2><span>Image Gallery</span></h2>
                        <a href="#"><img src="images/pix1.jpg" width="58" height="58" alt="" /></a><a href="#"><img src="images/pix2.jpg" width="58" height="58" alt="" /></a><a href="#"><img src="images/pix3.jpg" width="58" height="58" alt="" /></a><a href="#"><img src="images/pix4.jpg" width="58" height="58" alt="" /></a><a href="#"><img src="images/pix5.jpg" width="58" height="58" alt="" /></a><a href="#"><img src="images/pix6.jpg" width="58" height="58" alt="" /></a>
                    </div>
                    <div class="col c2">
                        <h2><span>Lorem Ipsum</span></h2>
                        <p>
                            Lorem ipsum dolor
                            <br/>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.
                        </p>
                    </div>
                    <div class="col c3">
                        <h2><span>Contact</span></h2>
                        <p>
                            Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.
                        </p>
                        <p>
                            <a href="#">support@yoursite.com</a>
                        </p>
                        <p>
                            +1 (123) 444-5677
                            <br/>
                            +1 (123) 444-5678
                        </p>
                        <p>
                            Address: 123 TemplateAccess Rd1
                        </p>
                    </div>
                    <div class="clr">
                    </div>
                </div>
            </div>
            <div class="footer">
                <div class="footer_resize">
                    <p class="lf">
                        Copyright &copy; 2012 <a href="#">Software Process Group</a>
                        - All Rights Reserved
                    </p>
                    <p class="rf">
                        <a href="http://software.nju.edu.cn/" target="_blank">Software Institute</a>
                        | <a href="http://www.nju.edu.cn/" target="_blank">Nanjing University</a>
                    </p>
                    <div class="clr">
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE SOURCE -->
    </body>
</html>
